<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>蘑菇街</title>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" href="../css/reset1.css" />
    <link rel="stylesheet" href="../css/home.css" />
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <script src="../js/swiper-bundle.min.js"></script>
  </head>
  <body>
    <header>
      <ul class="overall-width">
        <li>
          <a href="#"><span></span>关于我们</a
          ><span class="iconfont icon-xiala"></span>
        </li>
        <li>
          <a href="shoppingCart.html">我的订单</a
          ><span class="iconfont icon-shouye_shugang_shijiantixing"></span>
        </li>
        <li>
          <a href="https://market.mogu.com/"
            ><span class="iconfont icon-a-shangcheng"></span>商城</a
          ><span class="iconfont icon-shouye_shugang_shijiantixing"></span>
        </li>
        <li>
          <a href="https://www.mogu.com/"
            ><span class="iconfont icon-yemian-copy-copy"></span>首页</a
          ><span class="iconfont icon-shouye_shugang_shijiantixing"></span>
        </li>
      </ul>
    </header>
    <nav style="position:sticky;top:-133px;z-index: 88;background-color: white;transition: all 0.5s linear;">
      <div class="nav-wrap overall-width" style="margin: auto; height: 100px">
        <div style="float: left" class="lg">
          <a href="https://www.mogu.com/"
            ><img src="../img/logo.png" alt=""
          /></a>
        </div>
        <div class="contents"><span class="iconfont icon-mulu">目录</span>
          <div class="list">
            <ul>
              <li>
                <h4>主体市场</h4>
                <span>上衣</span><span>裙装</span><span>裤子</span><span>女鞋</span><span>男友</span><span>家居</span><span>厨房</span><span>上衣</span>
                <span>美妆</span><span>配饰</span><span>包包</span><span>内衣</span><span>母婴</span><span>食品</span><span>宠物</span><span>上衣</span>
              </li>
              <li>
                <h4>热门品牌</h4>
                <span>WE11DONE</span><span>ZARA</span><span>Aokang/奥康</span><span>CHANEL</span><span>balance</span>
                <span>SICILY西西里</span><span>欧诗漫</span><span>美康粉黛</span><span>CELINEnew</span><span>UR</span>
              </li>
              <li style="border: none;">
                <h4>流行话题</h4>
                <span>上衣</span><span>上衣</span><span>上衣</span><span>上衣</span><span>上衣</span><span>上衣</span><span>上衣</span><span>上衣</span>
                <span>上衣</span><span>上衣</span><span>上衣</span><span>上衣</span><span>上衣</span><span>上衣</span><span>上衣</span><span>上衣</span>
              </li>
            </ul>
          </div>
        </div>
        <div class="nav-search">
          <div style="position: relative;">
            <input type="text" id="ipt" placeholder="韩版新款连衣裙"  style="outline:none;box-sizing: border-box;padding: 0 18px;"/>
            <ul id="association">
              
              <!-- <li>哈哈哈哈</li>
              <li>哈哈哈哈</li>
              <li>哈哈哈哈</li>
              <li>哈哈哈哈</li>
              <li>哈哈哈哈</li>
              <li>哈哈哈哈</li>
              <li>哈哈哈哈</li> -->
            </ul>
            <input type="submit" value="" id="sbt"/>
          </div>
        </div>
        <div class="nav-list">
          <ul>
              <li>
                <span class="iconfont icon-xiaoxi"></span>
                <span>消息</span>
              </li>
              <li>
                <span class="iconfont icon-shoucang"></span>
                <span>收藏</span>
              </li>
              <li>
                <span class="iconfont icon-qicheqianlian-select"></span>
                <span>购物车</span>
              </li>
              <li style="position: relative;"  id="app">
                <span class="iconfont icon-xiazaiapp"></span>
                <span>下载APP</span>
                <div>
                  <img src="../img/app.png" alt="">
                </div>
              </li>
          </ul>
        </div>
        <div class="login">
          <img src="../img/logox.png" alt="" />&nbsp;
          <span id="user"><a href="login.html">登录</a></span>
        </div>
    </nav>
    <section>
      <div class="wrap">
        <div class="column-wrap">
         <!--  <div class="column">
            <img src="../img/app.png" alt="">
            <div class="columen-but">
              <p>阿三大撒发射点发给贵司订购</p>
              <span class="sp1">￥87</span>
              <span class="sp2">包邮</span>
              <span class="sp3">销量</span>
            </div>
          </div> -->
        </div>
        <div class="column-wrap" style="margin-top: 955px"></div>
        <div class="column-wrap" style="margin-top: 955px"></div>
        <div class="column-wrap" style="margin-top: 955px"></div>
        <div class="column-wrap you"></div>
        <div class="menu-wrap">
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide"><img src="../img/lb2.png" alt=""></div>
               <div class="swiper-slide"><img src="../img/lb3.png" alt="" /></div>
               <div class="swiper-slide"><img src="../img/lun2.png" alt=""></div>
               <div class="swiper-slide"><img src="../img/lun3.png" alt=""></div>
               <div class="swiper-slide"><img src="../img/lun4.png" alt=""></div>
             </div>
             <div class="swiper-button-next"></div>
             <div class="swiper-button-prev"></div>
             <div class="swiper-pagination"></div>
          </div>
          <div class="menu-list">
            <div class="mall" style="display: flex; margin-bottom: 16px">
              <h1><span style="color: red">购物</span>商城</h1>
              <span
                class="iconfont icon-shouye_shugang_shijiantixing"
                style="margin-top: 6px; color: #bdbdbd"
                >潮流新品抢先购</span
              >
            </div>
            <div class="image-list">
              <ul>
                <li>
                  <img src="../img/yif.png" alt="" />
                  <p>上衣</p>
                </li>
                <li>
                  <img src="../img/qunz.png" alt="" />
                  <p>裙子</p>
                </li>
                <li>
                  <img src="../img/kuz.png" alt="" />
                  <p>裤子</p>
                </li>
                <li>
                  <img src="../img/taoz.png" alt="" />
                  <p>套装</p>
                </li>
                <li>
                  <img src="../img/xiez.png" alt="" />
                  <p>女鞋</p>
                </li>
                <li style="margin-right: 0">
                  <img src="../img/baob.png" alt="" />
                  <p>包包</p>
                </li>
                <li>
                  <img src="../img/nanz.png" alt="" />
                  <p>男装</p>
                </li>
                <li>
                  <img src="../img/nanx2.png" alt="" />
                  <p>男鞋</p>
                </li>
                <li>
                  <img src="../img/neiy.png" alt="" />
                  <p>内衣</p>
                </li>
                <li>
                  <img src="../img/muy.png" alt="" />
                  <p>母婴</p>
                </li>
                <li>
                  <img src="../img/jiaju.png" alt="" />
                  <p>家具</p>
                </li>
                <li style="margin-right: 0">
                  <img src="../img/kuaiq.png" alt="" />
                  <p>快枪</p>
                </li>
              </ul>
            </div>
            <div class="word-list">
              <ul>
                <li style="color: red">时尚套装</li>
                <li>百搭卫衣</li>
                <li>T恤</li>
                <li>短款外套</li>
                <li>人气衬衫</li>
                <li>宽松毛衣</li>
                <li>连衣裙</li>
                <li>休闲裤</li>
                <li>牛仔裤</li>
                <li>靴子</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </section>
    <footer>
      <div><img src="../img/dlogo.png" alt=""></div>
      <div>
        <table>
          <tr>
            <th>新手帮助</th>
            <th>权益保障</th>
            <th>支付方式</th>
            <th>移动客户端下载</th>
          </tr>
          <tr>
            <td>常见问题</td>
            <td>全国包邮</td>
            <td>微信支付</td>
            <td>蘑菇街</td>
          </tr>
          <tr>
            <td>自助服务</td>
            <td>7天无理由退货</td>
            <td>支付宝</td>
            <td>美丽说</td>
          </tr>
          <tr>
            <td>联系客服</td>
            <td>退货运费补贴</td>
            <td>白付美支付</td>
            <td>uni引力</td>
          </tr>
          <tr>
            <td>意见反馈</td>
            <td>限时发货</td>
          </tr>
        </table>
      </div>
      <div>
        <ul>
          <li><a href="#">关于我们</a><span class="iconfont icon-shouye_shugang_shijiantixing"></span></li>
          <li><a href="#">招聘信息</a><span class="iconfont icon-shouye_shugang_shijiantixing"></span></li>
          <li><a href="#">联系我们</a><span class="iconfont icon-shouye_shugang_shijiantixing"></span></li>
          <li><a href="#">商家入驻</a><span class="iconfont icon-shouye_shugang_shijiantixing"></span></li>
          <li><a href="#">商家后合</a><span class="iconfont icon-shouye_shugang_shijiantixing"></span></li>
          <li><a href="#">规则中心</a><span class="iconfont icon-shouye_shugang_shijiantixing"></span></li>
          <li><a href="#">规则众议院</a><span class="iconfont icon-shouye_shugang_shijiantixing"></span></li>
          <li><a href="#">有害信息举报</a><span class="iconfont icon-shouye_shugang_shijiantixing"></span></li>
          <li><a href="#">用户隐私保护</a></li>
        </ul>
      </div>
      <!-- <div>
        <p></p>
        <p></p>
      </div> -->
    </footer>
    <div class="fk" style="display: none;"><span class="iconfont icon-huidingbu"></span><p>返回顶部</p></div>
    <script src="../js/api.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/home.js"></script>
    <script src="../js/jquery.js"></script>
  </body>
</html>
